<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>事务管理</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="format-detection" content="telephone=no">
    <script type="text/javascript" src="../lib/echarts/echarts.min.js"></script>
    <script type="text/javascript" src="../lib/echarts/echarts.theme.js"></script>
    <script type="text/javascript" src="../lib/echarts/world/js/china.js"></script>

    <link rel="stylesheet" href="../css/oksub.css" media="all" />
    <link rel="stylesheet" href="../css/jquery.jsonview.css" media="all" />
    <link rel="stylesheet" href="../css/dragslot.css" media="all" />
    <style>
        .todo-item{
            width:calc(100% - 10px);
            padding: 5px;
            background: #edf3f2;
            margin-top:5px;
        }
        .layui-card-body{
            max-height: 500px;
            overflow-y: auto;
        }
        .todo-bd{
            min-height: 150px;
        }
    </style>
</head>

<body class="ok-body-scroll console">
    <div class="ok-body home">
        <div class="layui-row" style="padding:15px">
            <h1 id="project-title">事务管理</h1>
            <br>
            <div id="manager-bd">
                <a class="layui-btn layui-btn-normal layui-btn-sm" href="#" id="backBtn">
                    返回
                </a>
            </div>
        </div>

        <div class="layui-row layui-col-space15" style="padding:15px;">
            <div class="layui-col-md3">
                <div class="layui-card">
                    <div class="layui-card-header">未安排 <a href="#" style="float:right">新增</a></div>
                    <div class="layui-card-body">
                       <ul id="todo-no" class="todo-bd">
                           <li class="todo-item">payment-微信对账单功能新增导出选项 2020-03-15</li>
                           <li class="todo-item">2</li>
                           <li class="todo-item">3</li>
                           <li class="todo-item">3</li>
                       </ul>
                    </div>
                </div>
            </div>
            <div class="layui-col-md3">
                <div class="layui-card">
                    <div class="layui-card-header">处理中</div>
                    <div class="layui-card-body">
                        <ul id="todo-ing" class="todo-bd">
                            <li class="todo-item">1</li>
                            <li class="todo-item">2</li>
                            <li class="todo-item">3</li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="layui-col-md3">
                <div class="layui-card">
                    <div class="layui-card-header">已完成 <a href="#" style="float:right">归档</a></div>
                    <div class="layui-card-body">
                        <ul id="todo-finish" class="todo-bd">
                            <li class="todo-item">1</li>
                            <li class="todo-item">2</li>
                            <li class="todo-item">3</li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
</body>
<div id="test"></div>

</html>

<script type="text/html" id="exceptionDo">
    <a class="layui-btn layui-btn-xs layui-btn-normal" lay-event="detail">查看</a>
</script>
<script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script>
<script type="text/javascript" src="../lib/layui/layui.js"></script>
<script type="text/javascript" src="../js/jquery.jsonview.min.js"></script>
<script type="text/javascript" src="../js/sortable.js"></script>
<script type="text/javascript" src="../js/projectTodo.js"></script>
